<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
/*		必须紧贴	 交集选择器 必须满足所有条件 才会被选中*/
/*		div.one{
			background-color: red;
		}*/



/*		并集选择器 如果你是类名one 那么满足条件 如果你是类名two 也满足条件 也就是说 , 连接的 满足一个条件即可*/
		/*.one,.two{
			width: 300px;
			height: 300px;
			color: #fff;
			font-size: 30px;
			font-weight: bold;
			text-align: center;
			padding: 20px;
			margin: 10px;
			border: 1px solid #000;

		}
		.one{
			background-color: red;
		}
		.two{
			background-color: blue;
		}
*/
		div.one{
			background-color: red;
		}
		.one{
			background-color: orange;
		}




	</style>
</head>
<body>
	<div class="one">111</div>
	<div class="two">222</div>
	<!-- <div class="one">111</div>
	<p class="one">2222</p>
	<div>3333</div> -->

</body>
</html>